
<!DOCTYPE html>
<html id="replace-style" lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<link rel="icon" type="image/x-icon" href="/favicon.ico" th:href="@{/favicon.ico}" >
	<title>历史数据查询</title>
</head>
<body>
<!--头部-->
<header th:replace="common/head" >
</header> 


<!-- 页面指向 -->
<div class="page-point bg-white">
	<ul>
		<li>设备管理</li>
		<li>设备数据管理</li>
		<li>历史数据查询</li>
	</ul>
</div>

<!-- 菜单树 -->
<div th:replace="common/left" > 
</div>




<!--主体内容-->
<div class="page-container">

	<div class="container-fluid mb-20 clearfix">
		<div class="col-md-12">
			<h2 class="page-section-title">查询条件</h2>
		</div>
	</div>

	<div class="container-fluid query-frame-wrap time-set mb-10 clearfix">
		<div class="col-lg-9 col-lg-item-6">
			<div class="row">
				<div class="col-lg-4">
					<div class="query-frame">
						<label>设备编号</label>
						<select class="form-control queryEquipment">
						</select>
					</div>
				</div>
				<div class="col-lg-4">
					<div class="query-frame date-frame">
						<label>开始时间</label>
						<input autocomplete="new-password" type="text"  id="accessTimeStart"   class="form_datetimeStart form-control queryAccess"   value="" readonly="readonly"/>
					</div>
				</div>
				<div class="col-lg-4">
					<div class="query-frame date-frame">
						<label>结束时间</label>
						<input autocomplete="new-password" type="text"  id="accessTimeEnd"   class="form_datetimeEnd form-control queryAccess"   value="" readonly="readonly"/>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-lg-4">
					<div class="query-frame">
						<label>参数名称</label>
						<select name="param" class="param form-control ">
						</select>
					</div>
				</div>
			</div>
		</div>
		<div class="col-lg-3 ">
			<div class="query-frame query-button btn-box">
				<img th:src="@{/image/search.png}" id="queryDetail" class="yes"/>
				<img th:src="@{/image/rest.png}" id="resetDetail" class="reset" />
			</div>
		</div>
	</div>

	<div class="chart-box">
		<ul class="top clearfix">
			<li class="active lableChange data">数据列表</li>
			<li class="lableChange curve">数据曲线图</li>
			<li class="lableChange spc">数据SPC</li>
		</ul>
		<ul class="bottom">

			<li class="relative">
							<div class="operate" style="position: absolute;top: -26px;" shiro:hasPermission="app.equipment.data.exportHistoryRecord.export.mvc">
								<span>导出</span>
								<span class="last">刷新</span>
							</div>
							<table class="dataTable" data-pagination='false'>
								
							</table>
							<!--页码-->
							<!--页码-->
	<!--							<div class="page-num">
									
									&lt;!&ndash; <div>显示1-10条，共<span id="">30</span>条</div> &ndash;&gt;
									<ul class="clearfix page">
										<li>
											<a href="#" class="flipPage previous">上一页</a>
										</li>
										
										<li>
											<a href="#" class="flipPage next">下一页</a>
										</li>
										
										<input autocomplete="new-password" type="hidden" class="leftKey" value=""/>
										<input autocomplete="new-password" type="hidden" class="rightKey" value =""/>
										<input autocomplete="new-password" type="hidden" class="order" value=""/>
										
										
									</ul>
									<style>
										.page{overflow: hidden;}
										.page li{float: right; line-height: 30px; padding: 0 10px;border: 1px solid #ddd; line-height: 30px; border-radius: 6px; margin: 5px;}
										.page li.btn-disable{opacity: .6;}
									</style>
								
							</div> -->
						</li>
						<li>
							<div class="right-box" id="chart_curve" style="width: 800px; height: 300px;">
							</div>

						
					
					<!--页码-->
<!--					<div class="page-num">
						
						&lt;!&ndash; <div>显示1-10条，共<span id="">30</span>条</div> &ndash;&gt;
						<ul class="clearfix page">
							<li>
								<a href="#" class="flipPage previous">上一页</a>
							</li>
							
							<li>
								<a href="#" class="flipPage next">下一页</a>
							</li>
							
							<input autocomplete="new-password" type="hidden" class="leftKey" value=""/>
							<input autocomplete="new-password" type="hidden" class="rightKey" value =""/>
							<input autocomplete="new-password" type="hidden" class="order" value=""/>
							
							
						</ul>
					
					</div> -->
				</li>
				 
				<li>
					<div class="right-box" id="chart_spc" style="width: 800px; height: 300px;">
					</div>
				
				</li>
		</ul>
	</div>
</div>

<!-- 公共底部 -->
<div th:replace="common/foot" > 
</div>

<script th:src="@{/js/equipment/data/history.js}"></script>


</body>
</html>